<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{$header['title']}}</title>
    <meta name="description" content="{{$header['des']}}" /> 
    <meta name="keyword" content="{{$header['keyword']}}" /> 
    <link rel="stylesheet" type="text/css" href="/mcss/all.css">

    <link rel="stylesheet" type="text/css" href="/mcss/header.css">
    <!-- <link rel="stylesheet/less" type="text/css" href="/mcss/header.less" /> -->

    <!-- <link rel="stylesheet/less" type="text/css" href="/mcss/solution.less" /> -->
    <link rel="stylesheet" type="text/css" href="/mcss/solution.css">

    <!-- <script src="/mjs/less.js"></script> -->
</head>

<body>
    <div id="app">
        @include('mobile.header')
        <div class="center">
            <div class="middle">
                <div class="title fc flc">
                    <div class="p1">
                        INDUSTRY SOLUTIONGS
                    </div>
                    <div class="p2">
                        解决方案
                    </div>
                </div>
                <div class="top fl">
                    <div class="option flc act">
                        外包服务<br>解决方案
                    </div>
                    <div class="option flc">
                        小程序 <br> APP
                    </div>
                </div>
                <div class="content fl act">
                    <div class="right">
                        <div class="title fc">外包服务解决方案</div>
                        <div class="text fc">
                            通过实效性原则采取现场服务及远程操控结合方式 <br> 顾问性原则在服务中为用户提供耐心咨询服务
                            <br> 完整性原则对系统使用当中所有的相关设备提供全面和必要服务
                            <br> 价值性原则不仅为客户排忧解难还能够为客户提供超出其期望的服务内容
                        </div>
                    </div>
                </div>
                <div class="content fl">
                    <div class="right">
                        <div class="title fc">小程序/APP</div>
                        <div class="text fc">
                            APP <br> 行业APP开发解决方案
                            <br> 多年移动互联网开发与行业经验的沉淀
                            <br> 覆盖二十余种主流行业对焦主流的、热门的行业
                            <br> 为企业商家打造符合业务发展需要的APP开发整体解决方案服务
                            <br> 小程序
                            <br> H5手机端 + 微信小程序<br> 自动调用企业建站系统搭建的网站数据
                            <br> 支持绑定域名直接访问H5页面
                            <br> 轻松同步你的企业官网动态数据！
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @include('mobile.footer')
    </div>
    <script src="/mjs/jquery.js"></script>
    <script src="/mjs/nav.js"></script>
    <script>
        $(document).ready(() => {

            $(".center .middle .top .option").click(function() {
                let index = $(this).index();
                $(this).addClass("act").siblings().removeClass("act");
                $(".center .middle .content").eq(index).addClass("act").siblings().removeClass("act");
            })
        })

        // 响应式跳转
        changeMargin();
        window.onresize = function() {
            changeMargin();
        };

        function changeMargin() {
            if (a) {
                var docWidth = document.body.clientWidth;
                if (docWidth >= 1360) {
                    location.href = "";
                    a = false;
                }
            }

        }
    </script>
</body>

</html>